簡(jiǎn)介:Hello~各位同學(xué)大家好~本課程是一個(gè)免費(fèi)的實(shí)戰(zhàn)項(xiàng)目,帶大家從零實(shí)現(xiàn)一個(gè)Vue的組件庫(kù)。
組件庫(kù)是軟件開(kāi)源協(xié)同的一個(gè)典型。利用文檔完善,代碼健全的高質(zhì)量組件庫(kù),前端工程師們可以快速搭建UI,從而大大提升工作效率,節(jié)約人力成本。
第2章 從搭建一個(gè)vue項(xiàng)目開(kāi)始
本章節(jié)主要介紹如何用腳手架vue-cli搭建一個(gè)vue組件庫(kù)項(xiàng)目,以及先實(shí)現(xiàn)并跑通一個(gè)demo組件。
第3章 一個(gè)卡片組件的誕生
本章節(jié)主要介紹卡片組件的設(shè)計(jì)流程,包括組件api的設(shè)計(jì)、組件模板和樣式的實(shí)現(xiàn)、以及邏輯實(shí)現(xiàn)。
第4章 打包你的組件庫(kù)
本章節(jié)主要介紹前端模塊化的演進(jìn)(amd、commonjs、umd)、如何用webpack打包組件庫(kù)的js代碼、以及如何用gulp打包樣式代碼。
第5章 發(fā)布你的組件庫(kù)
本章節(jié)主要介紹如何發(fā)布組件庫(kù)到 npm 上。
第6章 搭建組件庫(kù)文檔站點(diǎn)
本章節(jié)主要介紹如何用 vuepress 搭建一個(gè)文檔站點(diǎn)、卡片組件文檔的編寫(xiě)、以及如何把文檔站點(diǎn)打包并部署到 githut.io 上。
第7章 課程回顧與總結(jié)
本章節(jié)主要帶著同學(xué)們回顧一遍課程,包括課程的重難點(diǎn)、技術(shù)點(diǎn)以及一些擴(kuò)展建議。
解鎖即可觀看《大前端》完整課程視頻
大前端
1個(gè)業(yè)務(wù)場(chǎng)景打通全端、全棧、全流程,實(shí)現(xiàn)全局思維與綜合技術(shù)能力全面突破;對(duì)標(biāo)阿里P6,8個(gè)月成為前端高級(jí)人才
【第1周】認(rèn)識(shí)大前端,全棧開(kāi)發(fā)初體驗(yàn)
【第2周】企業(yè)標(biāo)準(zhǔn)的開(kāi)發(fā)環(huán)境搭建
【第3周】NoSQL數(shù)據(jù)庫(kù)的設(shè)計(jì)與集成
【第4周】JWT登錄鑒權(quán)—通用登錄模塊后端開(kāi)發(fā)
【第5周】團(tuán)隊(duì)協(xié)作-文檔管理與缺陷控制
【第6周】團(tuán)隊(duì)協(xié)作-版本管理
【第7周】團(tuán)隊(duì)協(xié)作-自動(dòng)化流程
【第8周】全棧開(kāi)發(fā)—首頁(yè)模塊
【第9周】 全棧開(kāi)發(fā)—用戶(hù)中心
【第10周】全棧開(kāi)發(fā)—發(fā)貼/回帖模塊
【第11周】消息中間件開(kāi)發(fā)(WebSocket通信)
【第12周】組件化思想進(jìn)階:iview上手文章管理
【第13周】中后臺(tái)權(quán)限系統(tǒng):前端權(quán)限設(shè)計(jì)方案
【第14周】中后臺(tái)權(quán)限系統(tǒng):基于角色&菜單權(quán)限設(shè)計(jì)
【第15周】首頁(yè)可視化圖表與日志服務(wù)
【第16周】WebApp頁(yè)面設(shè)計(jì)與開(kāi)發(fā)
【第17周】Vue3全家桶+Vite開(kāi)發(fā)工具
【第18周】前后端項(xiàng)目Vue3重構(gòu)
【第19周】性能優(yōu)化(服務(wù)端渲染)
【第20周】uniapp開(kāi)發(fā)(首頁(yè)/菜單定制/搜索)
【第21周】uniapp開(kāi)發(fā)(登錄、詳情、個(gè)人中心)
【第22周】uniapp內(nèi)容安全、訂閱消息
【第23周】小程序支付專(zhuān)題
【第24周】跨平臺(tái)框架Flutter2與狀態(tài)管理方案
【第25周】封裝請(qǐng)求&數(shù)據(jù)持久化方案&路由
【第26周】Flutter 后臺(tái)消息&打包上線
【第27周】Electron桌面端與主流的框架
【第28周】Electron桌面端-社區(qū)業(yè)務(wù)集成
【第29周】React17新特性
【第30周】React-Hooks&狀態(tài)管理方案
【第31周】React組件庫(kù)設(shè)計(jì)&工程化
【第32周】React工程化&性能優(yōu)化